/**
 * Notes on building layouts:
 *
 *  1.  Layouts are always one or two columns;
 *  2.  Overall page width is set on #dc-container;
 *  3.  Float the main content area (#dc-main) in the desired direction and set
 *  4.  a large negative margin on the other side;
 *  5.  Float the secondary content area (.dc-div) in the desired direction;
 *  6.  Set the width of the secondary content area explicitly;
 *  7.  Set the margin of the main content area to the width of the secondary
 *      content area plus the width of any desired gutter ON THE SIDE OF THE
 *      SECONDARY CONTENT AREA;
 */
 

/* Overall container styles */
.dc-container { margin:0 auto; width:960px; }


/* Basic styles for two columns plus gutter */

/* LH column(s) in 2-1, 3-1-2, 3-2-1 */
.layout-2-1 .dc-main,
.layout-3-1-2 .dc-main,
.layout-3-2-1 .dc-main {
	float:right; margin:0 0 0 -231px;
}
.layout-2-1 .dc-sub,
.layout-3-1-2 .dc-sub,
.layout-3-2-1 .dc-sub {
	float:left; width:210px;   
}
.layout-2-1 .dc-main .dc-div,
.layout-3-1-2 .dc-main .dc-div,
.layout-3-2-1 .dc-main .dc-div {
	margin:0 0 0 231px;
}


/* RH column(s) in 1-2, 2-1-3, 1-2-3 */
.layout-1-2 .dc-main,
.layout-2-1-3 .dc-main,
.layout-1-2-3 .dc-main {
	float:left; margin:0 -231px 0 0;
}
.layout-1-2 .dc-sub,
.layout-2-1-3 .dc-sub,
.layout-1-2-3 .dc-sub {
	float:right; width:210px;
}
.layout-1-2 .dc-main .dc-div,
.layout-2-1-3 .dc-main .dc-div,
.layout-1-2-3 .dc-main .dc-div {
	margin:0 231px 0 0;
}


/* Additional styles for third columns plus gutter */

/* RH column styles in 3-1-2 */
.layout-3-1-2 .dc-div .dc-main {
	float:left; margin:0 0 0 -231px;
}
.layout-3-1-2 .dc-div .dc-sub {
	float:right; width:210px;
}
.layout-3-1-2 .dc-div .dc-main .dc-div {
	margin:0 0 0 231px;
}


/* RH (inner) column styles in 3-2-1 */
.layout-3-2-1 .dc-div .dc-main {
	margin:0 0 0 -273px;
}
.layout-3-2-1 .dc-div .dc-sub {
	width:252px;
}
.layout-3-2-1 .dc-div .dc-main .dc-div {
	margin:0 0 0 273px;
}


/* LH column styles in 2-1-3 */
.layout-2-1-3 .dc-div .dc-main {
	float:right; margin:0 -231px 0 0;
}
.layout-2-1-3 .dc-div .dc-sub {
	float:left; width:210px;
}
.layout-2-1-3 .dc-div .dc-main .dc-div {
	margin:0 231px 0 0;
}


/* LH (inner) column styles in 1-2-3 */
.layout-1-2-3 .dc-div .dc-main {
  margin:0 0 0 -273px;
}
.layout-1-2-3 .dc-div .dc-sub {
  width:252px;
}
.layout-1-2-3 .dc-div .dc-main .dc-div {
  margin:0 0 0 273px;
}


/* Constant styles */

#bd {
	_height:1px; /* Make IE6 enclose columns */
}
#hd,
#bd,
#ft {
	clear:both;
}
#hd:after,
#bd:after,
#ft:after {
	clear:both; content:"."; display:block; height:0; visibility:hidden;
}
.dc-container {
	margin:auto;
}
.dc-div {
	position:relative; /* Preserve source-order independence for Gecko */
}
.dc-main .dc-div {
	position:static; /* Preserve source-order independence for Gecko */
}
.dc-main {
	width: 100%;
}
.dc-main .dc-div {
	float:none; width:auto;
}
.dc-main .dc-div .dc-main {
	display:inline; /* Correct IE6 doubled margin bug */
}


/* Print styles */

@media print {
	#hd,
	#ft {
		display:none; /* Remove obviously print-irrelevant layout items */
	}
	#bd,
	.dc-main,
	.dc-div,
	.dc-sub {
		border-style:none; margin:0 !important; padding:0 !important; width:100% !important; /* Rejigger margins and padding on main layout containers */
	}
}